{% extends 'common/base.html' %} 
{% load staticfiles %} 
{#标题#} 
{% block title %}首页{% endblock title %} 
{#顶部css#} 
{% block head_css %}
<link href="{% static 'css/slider.css' %}" rel="stylesheet" type="text/css" media="all" />
{% endblock head_css %}
{#顶部js#}
{% block head_js %}
<script type="text/javascript" src="{% static 'js/jquery-1.9.0.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/jquery.nivo.slider.js' %}"></script>
<script type="text/javascript">
	$(window).load(function () {
		$('#slider').nivoSlider();
	});
</script>
{% endblock head_js %}

{% block body %}

<!------ Slider ------------>
<div class="slider">
	<div class="slider-wrapper theme-default">
		<div id="slider" class="nivoSlider">
			<img src="{% static 'images/banner5.jpg' %}" alt="" />
			<img src="{% static 'images/banner4.jpg' %}" alt="" />
			<img src="{% static 'images/banner3.jpg' %}" alt="" />
			<img src="{% static 'images/banner2.jpg' %}" alt="" />
			<img src="{% static 'images/banner1.jpg' %}" alt="" />
		</div>
	</div>
</div>

<!------End Slider ------------>
<div class="hot_server bar_line">
	<p>热门服务</p>
    <a href="{% url 'server:server' %}">查看更多&gt;&gt;</a>
</div>

<div class="main">
	<div class="wrap">
		<div class="content-top">
			<div class="section group">

                {% for s in hot_project_3 %}
                <div class="col_1_of_3 span_1_of_3">
                    <div class="thumb-pad2">
                        <div class="thumbnail">
                            <h4>{{ s.name }}</h4>
                            <figure><img src="{% static s.img %}" alt=""></figure>
                            <div class="caption">
                                <p>{{ s.short }}</p>
                                <a href="{% url 'server:one' s.type_id %}?id={{ s.id }}" class="btn-default btn1" target="_blank">查看更多</a>
                            </div>
                        </div>
                    </div>
                </div>
                {% endfor %}


				<div class="clear"></div>
			</div>
		</div>


        <div class="content-middle">
            <div class="section group example">

                <div class="col_1_of_2 span_1_of_2">
                    <div id="bar_line1">
                        <p>宠安快讯</p>
                        <a href="{% url 'story:all' 1 %}">查看更多&gt;&gt;</a>
                    </div>

                    {% for s in clinic_story_2 %}
                    <div class="left_story_box bottom_line">
                        <a href="{% url 'story:one' 1 %}?id={{ s.id }}"><img src="{% static s.title_img %}" alt="" /></a>
                        <a href="{% url 'story:one' 1 %}?id={{ s.id }}"><h4>{{ s.title }}</h4></a>
                        <p>{{ s.short }}</p>
                    </div>
                    {% endfor %}
                </div>

                <div class="col_1_of_2 span_1_of_2">
                    <div id="bar_line1">
                        <p>科学爱宠</p>
                        <a href="{% url 'story:all' 2 %}">查看更多&gt;&gt;</a>
                    </div>

                    {% for s in science_story_4 %}
                    <div class="listview_1_of_2 images_1_of_2 bottom_line">
                        <div class="listimg listimg_2_of_1">
                            <a href="{% url 'story:one' 2 %}?id={{ s.id }}"><img src="{% static s.title_img %}"></a>
                        </div>
                        <div class="text list_2_of_1">
                            <a href="{% url 'story:one' 2 %}?id={{ s.id }}"><h3>{{ s.title }}</h3></a>
                            <h4>{{ s.update_time }}</h4>
                            <p>{{ s.short }}</p>
                        </div>
                        <div class="clear"></div>
                    </div>
                    {% endfor %}

                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>

<div class="bar_line">
    <p>合作伙伴</p>
</div>
<div class="friend_pic_box">
    <img class="friend_pic img-responsive carousel-inner img-rounded" src="{% static 'images/f1.jpg' %}">
    <img class="friend_pic img-responsive carousel-inner img-rounded" src="{% static 'images/f2.jpg' %}">
    <img class="friend_pic img-responsive carousel-inner img-rounded" src="{% static 'images/f3.jpg' %}">
    <img class="friend_pic img-responsive carousel-inner img-rounded" src="{% static 'images/f4.jpg' %}">
</div>

{% endblock body %}